<!-- <script setup>
import HelloWorld from './components/HelloWorld.vue'
import Vmodel from './components/Vmodel.vue';
import BasicCOmmand from './components/BasicCOmmand.vue';
</script> -->

<script>
//引入局部组件
import LocalComDemo from "./components/LocalComDemo.vue";
import ParentCom  from "./components/ParentCom.vue";
import SlotCom from "./components/SlotCom.vue";
import SlotNameCom from "./components/SlotNameCom.vue";

import Father from "./components/Father.vue"
import Demo from "./components/Demo.vue"

import LianXi from "./components/LianXi.vue";


export default{

  components:{
    LocalComDemo,
    ParentCom,
    SlotCom,
    SlotNameCom,
    Father,
    Demo,
    LianXi
  }
}
</script>

<template>
  <!-- <HelloWorld msg="You did it!" /> -->
  <!-- <Vmodel /> -->
  <!-- <BasicCOmmand /> -->
  <!-- <GlobalConmDemo />
  <GlobalConmDemo />
  <GlobalConmDemo />
  <GlobalConmDemo />
  <LocalComDemo />
  <LocalComDemo />
  <ParentCom />

  <SlotCom>
    <p>Hello World</p>
    <p>Hello World</p>
  </SlotCom>

  <SlotNameCom>
    <template v-slot:header>
      这是插槽header内容
    </template>

    <template #footer>
      这是插槽footer内容
    </template>
  </SlotNameCom>


  <Father />
 -->

 <!-- <Demo /> -->
 <!-- <LianXi /> -->

<ul>
  <li>
    <router-link to="/home">Home</router-link>
  </li>
  <li>
    <router-link to="/about">About</router-link> 
  </li>
  <li>
    <router-link to="/user">usercenter</router-link>
  </li>
  <li>
    <router-link to="/vuex">Vuex</router-link>
  </li>
  <li>
    <router-link to="/element">Element</router-link>
  </li>
  <li>
    <router-link to="/list-demo">list-demo</router-link>
  </li>
  <li>
    <router-link to="/register">register</router-link>
  </li>
  <li>
    <router-link to="/account-list">AccoutList</router-link>
  </li>
</ul>
<div>
  <router-view></router-view>
</div>
</template>

